<template>
  <div class="">
    <el-row class="mt-0" :gutter="0"  >
      <el-col :span="12">
        <!-- 左侧内容 -->
        <div class="chart-map-left">
          <pie></pie>
        </div>
      </el-col>
      <el-col :span="12">
        <!-- 地图可视化 -->
        <bar></bar>
      </el-col>
    </el-row>
    <el-row class="mt-0" :gutter="0" >
      <el-col :span="8">
        <!-- 左侧内容 -->
        <div class="chart-map-left">
          <line1></line1>
        </div>
      </el-col>
      <el-col :span="8">
        <bar2></bar2>
      </el-col>
      <el-col :span="8">
        <!-- 地图可视化 -->
        <bar1></bar1>
      </el-col>
    </el-row>
  </div>
</template>
<script setup>
import {} from 'vue'
import pie from './components/pie'
import bar from './components/bar'
import bar1 from './components/bar1'
import line1 from './components/line1'
import bar2 from './components/bar2'
</script>
<script setup>
</script>
